import React, { PureComponent } from 'react';

export default class flowTips extends PureComponent {
  render() {
    const { title, icon, iconBgColor = '#80808054' } = this.props;
    const spanStyle = {
      background: iconBgColor,
    };
    const titleStyle = iconBgColor === '#80808054' ? { color: '#80808054' } : {};
    return (
      <div className="flow-tips">
        <span className="flow-tips-icon" style={spanStyle}>
          {icon}
        </span>
        <span className="flow-tips-text" style={titleStyle}>
          {title}
        </span>
      </div>
    );
  }
}
